<?php
	session_start(); // começa a session
	if(!isset($_SESSION["sessioname"])){
		echo "ACESSO NEGADO";
	} else {
	  if($_SESSION["sessioname"] == "admin"){


	require_once '../config/conexao.class.php';
	require_once '../config/crud.class.php';

	$con = new conexao(); // instancia classe de conxao
	$con->connect(); // abre conexao com o banco




?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br" xml:lang="pt-br">
	<head>	
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" /> 
	<title>A Rota do seu Pedido</title>

	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
	<script type="text/javascript"> 
		var directionDisplay;
		var directionsService = new google.maps.DirectionsService();
		var map;

		function initialize() {
			directionsDisplay = new google.maps.DirectionsRenderer();
			var myLatlng = new google.maps.LatLng();

			var myOptions = {
				zoom:7,
				mapTypeId: google.maps.MapTypeId.ROADMAP,
				center: myLatlng
			}

			map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
			directionsDisplay.setMap(map);
			directionsDisplay.setPanel(document.getElementById("directionsPanel"));
		}

			function calcRoute() {
			  var start = document.getElementById("start").value;
			  var end = document.getElementById("end").value;
			  var waypts = [];
			  var checkboxArray = document.getElementById("waypoints");
			  for (var i = 0; i < checkboxArray.length; i++) {
				if (checkboxArray.options[i].selected == true) {
				  waypts.push({
					  location:checkboxArray[i].value,
					  stopover:true
				  });
				}
			  }
   
			  var request = {
				  origin: start,
				  destination: end,
				  waypoints: waypts,
				  optimizeWaypoints: true,
				  travelMode: google.maps.TravelMode.DRIVING
			  };

			directionsService.route(request, function(response, status) {
				if (status == google.maps.DirectionsStatus.OK) {
					directionsDisplay.setDirections(response);
				} else {
					alert(status);
				}

				document.getElementById('mapview').style.visibility = 'visible';
			});
		}
	</script>
	
<link rel="stylesheet" href="../config/style.css">	
</head> 
		
<body onload="initialize()">
<div align="center">
	<nav id="menu">
	<ul>
		<li><a href="../pedidos/index.php">Principal</a></li>
		<li><a href="../fornecedores/index.php">Fornecedores</a></li>
		<li><a href="../estoques/index.php">Estoque</a></li>
		<li><a href="../usuarios/index.php">Usuários</a></li>
		<li><a href="../relatorios/index.php">Relatórios</a></li>
		<li><a href="formulario.php">Novo</a></li>
		<li><a href="../logout.php">Sair</a></li>
	</ul>
	</nav>
<main>
<form action="javascript: void(0);" onSubmit="calcRoute()"> 
	<!--<input name="waypoints" type="checkbox" id="waypoints" value=""><br><br>
	 <input name="waypoints[]" type="checkbox" value="Rua São Francisco, 1224, São Miguel, Juazeiro do Norte, Ceará">Rua São Francisco, 1224, São Miguel, Juazeiro do Norte, Ceará<br>
	 <input name="waypoints[]" type="checkbox" value="Rua Santa Tereza, 249, São Miguel, Juazeiro do Norte, Ceará">Rua Santa Tereza, 249, São Miguel, Juazeiro do Norte, Ceará<br>
	 <input name="waypoints[]" type="checkbox" value="Rua Santa Tereza, 340, São Miguel, Juazeiro do Norte, Ceará">Rua Santa Tereza, 340, São Miguel, Juazeiro do Norte, Ceará<br>
	-->
	<div class="endereco">
		<h2>Endereco inicial</h2>
		<select id="start">
		  <option value="Rua São Francisco, 1224, São Miguel, Juazeiro do Norte, Ceará" selected="selected">Rua São Francisco, 1224, São Miguel, Juazeiro do Norte, Ceará</option>
		</select>
	</div>

	<div class="endereco">
	<h2>Selecione os pontos de parada</h2>
	<h2>(CTRL+Click Para Múltiplas Seleções)</h2>
	
	<select multiple="multiple" name="id_fornecedor" id="waypoints">
  		<?php 
		$resultado = mysql_query( "SELECT * FROM pedidos WHERE status='ENVIADO' OR status='ABERTO'" );
		$array = mysql_fetch_array( $resultado );
		
			 //Select dos Fornecedores
			$queryf = mysql_query("SELECT * FROM pedidos WHERE status='ENVIADO' OR status='ABERTO'");
			 while($pedidos = mysql_fetch_array($queryf)) { 	
					echo '<option value="'.$pedidos['rua'].$pedidos['n'].$pedidos['bairro'].$pedidos['cidade'].$pedidos['estado'].'">'."Bairro: ".$pedidos['bairro']." Cliente: ".$pedidos['nomecliente']." Status: ".$pedidos[status].'</option>';
			  } 
	echo '</select>';
			  
		  ?>
	</div>	

	<div class="endereco">
	<h2>Selecione o destino final</h2>
	<select id="end">
		<?php 
		#	 //Select dos Fornecedores
		#	$queryf = mysql_query("SELECT * FROM pedidos WHERE status='ENVIADO'");
		#	 while($pedidos = mysql_fetch_array($queryf)) { 	
		#		echo '<option value="'.$pedidos['rua'].$pedidos['n'].$pedidos['bairro'].$pedidos['cidade'].$pedidos['estado'].'">'."Bairro: ".$pedidos['bairro']." Cliente: ".$pedidos['nomecliente'].'</option>';
		#	  } 
		
		echo '<option value="Rua São Francisco, 1224, São Miguel, Juazeiro do Norte, Ceará" selected="selected">Rua São Francisco, 1224, São Miguel, Juazeiro do Norte, Ceará</option>';					

		  ?>
	</select>
	</div>
	<button type="submit">Como chegar?</button>
</form>

<div id="mapview">
	<div id="map_canvas" style="float: left; width: 500px; height: 340px;"></div>
	<div class="direcao" style="float: left; width: 500px; height: 230px; overflow: scroll;">
		<div id="directionsPanel" style="width: 480px;height 100px"></div>
	</div>
</div>
</div>
</body> 
</html>
<?php $con->disconnect(); // fecha conexao com o banco 
	  } else {
			echo "ACESSO RESTRITO.";
	  }

} 